<script type="text/javascript">
$(function(){
	$('.view').mac('grid', {
		cols : [{
			field: 'subject', title : 'Subject', width: 140
		},{
			field: 'summary', title : 'Summary', width: 162
		},{
			field: 'debit', title : 'Debbit', width: 75, sort: true,
			render: function(r, tr){
				return '<div class="money">$'+r.debit+'</div>';
			}
		},{
			field: 'credit', title : 'Credit', width: 75, sort: true,
			render: function(r, tr){
				return '<div class="money">$'+r.credit+'</div>';
			}
		}],
		loader: {
			url: '/mac/js/grid/data.php',
			params: { pageNo: 1, pageSize: 50 },
			autoLoad: true
		},
		pagerLength: 10
	});
});
</script>
<div class="viewPort">
	<div class="view grid"></div>
</div>